const Son3 = () => {
  return (
    <div>
      <ul>
        <li>热门</li>
        <li>最新</li>
        <li>热榜</li>
      </ul>
      <div className="son3">
        <div>
          {[1, 2, 3, 4, 5, 6, 7, 8].map((item, index) => {
            return (
              <div key={index}>
                <div className="top">
                  <div>
                    <span>大力技术科技有限公司</span>
                    <span>8小时前</span>
                  </div>
                  <div>
                    <span>性能优化</span>
                    <span>Adurite</span>
                  </div>
                </div>
                <div className="main">
                  <h1>应用性能优化之VerifyClass</h1>
                  <p>
                    为了加速应用冷启动过程且不过度涉及业务改动，本文从虚拟机加载类的过程中找到优化项，且与业界的方案作了对比，并实现了半自动化的分析功能。
                  </p>
                </div>
                <div className="bottom">
                  <span>赞15</span>
                  <span>评论2</span>
                  <span>下载7</span>
                </div>
              </div>
            );
          })}
        </div>
      </div>
    </div>
  );
};
export default Son3;
